<template>
<!--    项目用地信息-->
    <div>
        
        <div class="title">项目用地表</div>
        <detail-list>
            <detail-list-item term="项目id">{{data.project_number}}</detail-list-item>
            <detail-list-item term="地块id">{{data.land_id}}</detail-list-item>
        </detail-list>
        <detail-list :col="1">
            <detail-list-item term="地图信息">
                {{data.land_desc}}
            </detail-list-item>
        
        </detail-list>
        <detail-list>
            <detail-list-item term="地块边界">{{data.land_around}}</detail-list-item>
            <detail-list-item term="地块方位描述">{{data.position_desc}}</detail-list-item>
            <detail-list-item term="使用土地面积">{{data.land_area}}</detail-list-item>
        </detail-list>
        <detail-list>
            <detail-list-item term="所用土地建筑面积">{{data.build_area}}</detail-list-item>
            <detail-list-item term="建档人员">{{data.creator}}</detail-list-item>
            <detail-list-item term="建档日期">{{data.create_date}}</detail-list-item>
        </detail-list>
        
        <detail-list :col="1">
            <detail-list-item term="项目文档">
                <div v-for="(item,index) in data.files" :key="index" >
                    {{item.name}}
                    <a :href="item.url" :download="item.name">
            
                        下载
                    </a>
                </div>
            </detail-list-item>
        </detail-list>
    
    
    </div>
</template>

<script>

    import DetailList from '@/components/tools/DetailList'

    const DetailListItem = DetailList.Item
    export default {
        name: "ProjectLandDetail",
        components: {
            DetailList,
            DetailListItem,
        },
        props: {
            data: Object,
        },
        
        mounted() {

        },
        methods: {},
    }
</script>

<style lang="scss" scoped>
    .card {
        margin-bottom: 24px;
    }
    
    .title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);
        margin: 16px 0 30px 0;
    }
</style>